<template>
  <div>
    <Layout>
      <Content :style="{ padding: '0 50px' }">
        <Breadcrumb :style="{ margin: '20px 0' }">
          <router-link to="/">
            <BreadcrumbItem class="nav-first">首页</BreadcrumbItem>
          </router-link>
          <router-link to="/theme">
            <BreadcrumbItem>主题样式</BreadcrumbItem>
          </router-link>
          <router-link to="/mine">
            <BreadcrumbItem>历史记录</BreadcrumbItem>
          </router-link>
          <router-link to="/star">
            <BreadcrumbItem>本地收藏</BreadcrumbItem>
          </router-link>
        </Breadcrumb>
      </Content>
    </Layout>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  created () {},
  components: {},
  computed: {},
  methods: {}
}
</script>
<style lang="less" scoped>
// .ivu-breadcrumb > span:last-child {
//   font-weight: 400;
//   color: #999;
// }
.ivu-breadcrumb a {
  font-weight: 700;
}
// .nav-first {
//   font-weight: 700;
// }
// // .ivu-breadcrumb {
// //   font-weight: 700;
// // }
.layout {
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
</style>
